module.exports = {
  plugins: [
    // 使用PostCSS预设环境插件，支持现代CSS特性
    [
      'postcss-preset-env',
      {
        // 启用舞台2和舞台3的特性
        stage: 2,
        // 自动添加浏览器前缀
        autoprefixer: {
          grid: true,
          flexbox: 'no-2009',
        },
        // 启用的特性
        features: {
          'nesting-rules': true,
          'custom-properties': true,
          'custom-media-queries': true,
          'media-query-ranges': true,
          'hexadecimal-alpha-notation': true,
          'logical-properties-and-values': true,
        },
      },
    ],
    // 压缩CSS
    ...(process.env.NODE_ENV === 'production' ? [
      require('cssnano')({
        preset: ['default', {
          discardComments: {
            removeAll: true,
          },
          normalizeWhitespace: true,
          colormin: true,
          zindex: false,
        }],
      }),
    ] : []),
  ],
};
